<script setup>
import { ref } from 'vue'
const infos = ref([
  { icon: '', title: '找贷款', route: '' },
  { icon: '', title: '找担保', route: '' },
  { icon: '', title: '找保险', route: '' },
  { icon: '', title: '找投资', route: '' },
  { icon: '', title: '找资产', route: '' },
  { icon: '', title: '找政策', route: '' },
  { icon: '', title: '云秒贴', route: '' }
])
</script>
<template>
  <div class="container mx-auto py-5 flex flex-column h-96">
    <p class="flex-none text-4xl text-center my-10">
      <span class="border-b-8 border-sky-950 py-2">服务直达</span>
    </p>
    <div class="flex justify-content-evenly">
      <div
        v-for="(item, index) in infos"
        :key="index"
        class="flex justify-content-center items-center h-56 w-56 border cursor-pointer"
      >
        <p class="text-3xl">{{ item.title }}</p>
      </div>
    </div>
  </div>
</template>
